<?php

/* @var $this yii\web\View */

$this->title = '"五青"现场体验手机报名';
?>

<div>
    <div class="info">
        <div class="comment txt resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">输入手机号和姓名/微信号即可报名</div>
    </div>
    <div class="info" id="input">
    手机：<input type="text" class="input resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">
    </div>
    <div class="info" id="inputname">
    姓名或微信号：<input type="text" class="inputname resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">
    </div>
    <div class="info">
        <div class="ok txt resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">确定</div>
    </div>
    <div class="congratulations txt info resize" swiper-animate-effect="" swiper-animate-duration="1s" swiper-animate-delay="0s">
        恭喜您报名/分享成功!
    </div>
    <div class="link txt info resize" swiper-animate-effect="" swiper-animate-duration="1s" swiper-animate-delay="0s">
        <a href="http://sun.jiujihua.com/pangleme/share">点击查看活动详情</a>
    </div>
</div>
<script type='text/javascript' src="/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
      debug: false,
      appId: '<?=$signPackage["appId"];?>',
      timestamp: '<?=$signPackage["timestamp"];?>',
      nonceStr: '<?=$signPackage["nonceStr"];?>',
      signature: '<?=$signPackage["signature"];?>',
      jsApiList: [
          'onMenuShareAppMessage',
          'onMenuShareTimeline',
          'chooseWXPay',
          'editAddress',
        // 所有要调用的 API 都要加到这个列表中
      ]
    });
    wx.ready(function() {
        wx.onMenuShareAppMessage({
            title: '"五青"现场体验手机报名',
            desc: '只需简单一步，即可免费体验"五青"瘦身，详情进群可见', // 分享描述
            link: window.location.href, // 分享链接
            imgUrl: window.location.protocol+"//"+window.location.host+"/images/logo.jpg",
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                alert('报名后可以点击查看活动详情，了解进一步信息，并可以进群交流!');
            },
            cancel: function () {
            }
        });
        wx.onMenuShareTimeline({
            title: '"五青"现场体验手机报名-只需简单一步，即可免费体验"五青"瘦身，详情进群可见',
            link: window.location.href, // 分享链接
            imgUrl: window.location.protocol+"//"+window.location.host+"/images/logo.jpg",
            success: function () {
                alert('报名后可以点击查看活动详情，了解进一步信息，并可以进群交流!');
            },
            cancel: function () {
            }
        });
    });
</script>
